<template>
  <div class="go-top-box">
    <BackTop>
      <div class="go-top-item">
        <!-- <router-link to="/consult"> -->
        <router-link to="">
          <img src="../../assets/images/icon-consult.png" alt />
          <img src="../../assets/images/icon-consult-active.png" alt />
        </router-link>
      </div>
      <div class="go-top-item">
        <router-link to>
          <img src="../../assets/images/icon-top.png" alt />
          <img src="../../assets/images/icon-top-active.png" alt />
        </router-link>
      </div>
    </BackTop>
  </div>
</template>

<script>
import { BackTop } from "view-design";
export default {
  name: "goTop",
  components:{BackTop},
  data() {
    return {};
  },
  mounted() {}
};
</script>

<style lang="scss" scoped>
.go-top-box {
    .go-top-item{
        margin-top:25px;
    }
  a {
    display: block;
    width: 51px;
    height: 51px;
    > img:nth-of-type(2) {
      display: none;
    }
    &:hover {
      > img:nth-of-type(1) {
        display: none;
      }
      > img:nth-of-type(2) {
        display: block;
      }
    }
  }
}
</style>